<template>
  <!-- 页面全局配置 -->
  <view class="pageconfig" >
    <!--vuetop-->
    <view   class="flex1  bg-white  response  flex  justify-start  " style="flex-direction: column;">
        <!--图片上传0的布局样式-->
        <view class="  commoncss2   ">
        <view  class="cu-form-group ">
        <view class="title text-">封面</view>
        <view class="grid col-4 grid-square flex-sub">
        <view class="bg-img" v-for="(item,index) in imgList2" :key="index" @tap="ViewImage2" :data-url="imgList2[index]">
         <image :src="imgList2[index]" mode="aspectFill"></image>
         <view class="cu-tag bg-red" @tap.stop="DelImg2" :data-index="index">
         <text class="round cuIcon-close"></text>
         </view>
        </view>
        <view class="solids" @tap="ChooseImage2" v-if="imgList2.length<4">
        <text class="cuIcon-camerafill"></text>
        </view>
        </view>
        </view>
        </view>
        <view   class="input3  cu-form-group " style="min-height:86rpx;">
        <view class="title text-">会议标题</view>
        <input type="text" style="color:#777;" class="text-left  " placeholder="请输入提示信息"  name="nickname1"  v-model="nickname1"/>
        </view>
        <view class="textarea4   ">
        <view   class="cu-form-group ">
        <view class="title text-">会议内容</view>
        <textarea v-model="onetext4" rows="4" maxlength="-1" style=" color:#777;"   placeholder="请输入提示信息"></textarea>
        </view>
        </view>
        <view   class="input5  cu-form-group " style="min-height:86rpx;">
        <view class="title text-">会议地点</view>
        <input type="text" style="color:#777;" class="text-left  " placeholder="请输入提示信息"  name="nickname1"  v-model="nickname1"/>
        </view>
        <!--日期时间4的布局样式-->
        <view class="  commoncss6   ">
        <view  class="cu-form-group ">
        <view class="title text-">会议时间</view>
        <picker mode="date" :value="date6"  @change="dateTimeChange6">
        <view class="picker">{{date6}} </view>
        </picker>
        </view>
        </view>
        <button     class="onebutton7  round cu-btn round bg-red"> 发布会议</button>
        </view>
        
    <!--vuebottom-->
  </view>
</template>

<script>


import Vue from 'vue'
export default {
  data() {
    return {
 imgList2:[],
/**single**/nickname1:'',
/**single**/onetext3:'',
onetext4:'',
/**single**/onetext5:'',
date6:'2022-03-14',
/**single**/

 

    };
  },
  onLoad() {

    
  },
  methods:{


    /**
     *          $vuetag = "";
     *          $vuecss = "";
     *          $vuejs = "";
     *
     */
    
                    ChooseImage2() {
					  	uni.chooseImage({
					  		count: 4, //默认9
					  		sizeType: ["original", "compressed"], //可以指定是原图还是压缩图，默认二者都有
 					  		success: (res) => {
					  			if (this.imgList2.length != 0) {
					  				this.imgList2 = this.imgList2.concat(res.tempFilePaths)
					  			} else {
					  				this.imgList2 = res.tempFilePaths
					  			}
					  		}
					  	});
					  },
					  ViewImage2(e) {
					  	uni.previewImage({
					  		urls: this.imgList2,
					  		current: e.currentTarget.dataset.url
					  	});
					  },
					  DelImg2(e) {
					  	uni.showModal({
					  		title: "删除",
					  		content: "确定要删除这个图片吗？",
					  		cancelText: "再看看",
					  		confirmText: "确定",
					  		success: res => {
					  			if (res.confirm) {
					  				this.imgList2.splice(e.currentTarget.dataset.index, 1)
					  			}
					  		}
					  	})
					  },
/**上传图片自动生成method**/	  
                      dateTimeChange6(e) {
                        this.date6 = e.detail.value
                      },
/**日期时间选择自动生成method**/
    //获取数据

  }
}
</script>

<style lang="less">


/**
 *
 此处必须引用colorui样式,并放入根目录，css样式可以这样写
	@import "colorui/main.css";
	@import "colorui/icon.css";

 如需要引用colorui到全局，
 需要在App.vue 引入
 	@import "colorui/main.css";
	@import "colorui/icon.css";
 *
 */



 	
	/**本页全局配置的代码**/
.pageconfig 
{
		width:  100%;
		overflow:  hidden;
		overflow-y:  scroll;
height: 100vh;}



 /**pagedomcss**/


 .flex1  
{
		width: 100%;
}.commoncss2 
{
		width: 100%;
}.input3 
{
		width: 100%;
		background-color: #ffffff;
}.textarea4 
{
		width: 100%;
}.input5 
{
		width: 100%;
		background-color: #ffffff;
}.commoncss6 
{
		width: 100%;
		background-color: #ffffff;
}.onebutton7  
{
		width: 100%;
		margin-top: 40rpx;
}




</style>
